<template>
    <div class="addContract">
<<<<<<< HEAD
        <public-header></public-header>
        <div>
            <van-cell-group style="text-align:left">
                <van-field 
                    label-class='fw'
                    name="机构编码"
                    v-model="form.fcode"
=======
        <div>
            <notice></notice>
            <van-cell-group style="text-align:left">
                <van-field
                    label-class="fw"
                    name="机构编码"
                    v-model="form.fcode"
                    type="number"
>>>>>>> zcm
                    label="机构编码:"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.机构编码')"
                    :error-message="errors.first('registerForm.机构编码')"
                    required
                    placeholder="请输入机构编码"
                />
<<<<<<< HEAD
                <van-field 
                    label-class='fw'
                    name="机构名称"
                    type="number"
=======
                <van-field
                    label-class="fw"
                    name="机构名称"
>>>>>>> zcm
                    v-model="form.fname"
                    label="机构名称:"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.机构名称')"
                    :error-message="errors.first('registerForm.机构名称')"
                    required
                    placeholder="请输入机构名称"
                />
<<<<<<< HEAD
              

                <van-field
                    label-class='fw'
=======
                <van-field
                    label-class="fw"
>>>>>>> zcm
                    name="地区"
                    v-model="form.faddress"
                    label="地区:"
                    @click="showSavecond"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.地区')"
                    :error-message="errors.first('registerForm.地区')"
                    required
                    is-link
<<<<<<< HEAD
                    placeholder="请选择地区">
                </van-field>
                <van-popup 
                    v-model="savecond" 
                    get-container="body" 
                    position='bottom'
                >
=======
                    placeholder="请选择地区"
                ></van-field>
                <van-popup v-model="savecond" get-container="body" position="bottom">
>>>>>>> zcm
                    <van-area
                        ref="area"
                        value="110000"
                        :area-list="areaList"
                        @change="areaChange"
                        @confirm="areaConfirm"
                        @cancel="areaCancel"
                    />
                </van-popup>
                <van-field
<<<<<<< HEAD
                    label-class='fw'
=======
                    label-class="fw"
>>>>>>> zcm
                    label="详细地址"
                    v-model="form.faddressdetails"
                    type="textarea"
                    placeholder="请输入详细地址"
                    autosize
                />
                <van-field 
<<<<<<< HEAD
                    label-class='fw'
                    name="邮编"
                    type='number'
=======
                    @click-right-icon='openFwbside'
                    label-class="fw" 
                    label="机构网址" 
                    v-model="form.fwebsite" 
                    placeholder="请输入机构网址"
                    right-icon="eye-o"
                    required
                />
                <van-field
                    label-class="fw"
                    name="邮编"
                    type="number"
>>>>>>> zcm
                    v-model="form.fpostcode"
                    label="邮编:"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.邮编')"
                    :error-message="errors.first('registerForm.邮编')"
                    required
                    placeholder="请输入邮编"
                />
<<<<<<< HEAD
                <van-field 
                    label-class='fw'
                    name="行政编码"
=======
                <van-field
                    label-class="fw"
                    name="行政编码"
                    type="number"
>>>>>>> zcm
                    v-model="form.fadmincode"
                    label="行政编码:"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.行政编码')"
                    :error-message="errors.first('registerForm.行政编码')"
                    required
                    placeholder="请输入行政编码"
                />
<<<<<<< HEAD
                <van-field 
                    label-class='fw'
=======
                <van-field
                    label-class="fw"
>>>>>>> zcm
                    name="联系人"
                    v-model="form.flinkman "
                    label="联系人:"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.联系人')"
                    :error-message="errors.first('registerForm.联系人')"
                    required
                    placeholder="请输入联系人"
                />
<<<<<<< HEAD
                <van-field 
                    label-class='fw'
                    name="联系电话"
                    type='tel'
                    v-model="form.flinkphone"
                    label="联系电话:"
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.联系电话')"
                    :error-message="errors.first('registerForm.联系电话')"
                    required
                    placeholder="请输入联系电话"
=======
                <van-field
                    label-class="fw"
                    name="联系人手机号"
                    type="tel"
                    v-model="form.flinkphone"
                    label="联系人手机号:"
                    maxlength='11'
                    v-validate="'required'"
                    data-vv-scope="registerForm"
                    :error="errors.has('registerForm.联系人手机号')"
                    :error-message="errors.first('registerForm.联系人手机号')"
                    required
                    placeholder="请输入联系人手机号"
>>>>>>> zcm
                />
            </van-cell-group>
            <van-dialog
                use-slot
                title="验证码"
                v-model="showDialog"
                show-cancel-button
                confirm-button-open-type="getUserInfo"
                bind:close="onClose"
<<<<<<< HEAD
                bind:getuserinfo="getUserInfo"
                >
                <!-- <image src="https://img.yzcdn.cn/1.jpg" style="width:100%" /> -->
                <div class='inputs'>
                    <van-field v-model="value1" type='number' ref='input1' @input='inputChange1' maxlength='1'/>
                    <van-field v-model="value2" type='number' ref='input2' @input='inputChange2' maxlength='1'/>
                    <van-field v-model="value3" type='number' ref='input3' @input='inputChange3' maxlength='1'/>
                    <van-field v-model="value4" type='number' ref='input4' @input='inputChange4' maxlength='1'/>
                </div>
            </van-dialog>
        </div>
        <div class='IIFooterBtn' v-if='fappstatusid'>
            <div class='byprojectV2' >
                <div class='byprojectBtnV2' @click="examine">审核 </div>
            </div>
        </div>
        <div class='IIFooterBtn' v-else>
            <div class='bystandardNo' >
                <div class='bystandardBtn'  @click="submit">保存</div>
            </div>
        </div>
        <van-dialog 
            v-model="showexamine"
            title="审核意见"
            show-cancel-button
            confirm-button-text='通过'
            cancel-button-text='驳回'
            @confirm='pass'
            @cancel='noPass'
            :closeOnClickOverlay='true'
        >
           <van-field
=======
                @confirm='submitConfirm'
                bind:getuserinfo="getUserInfo"
            >
                <div class='imgcodeConent'>
                    <img :src="'data:image/png;base64,'+imgcode" class="imgcode" />
                    <van-icon name="replay" size="30" style="margin-left:10px" @click="reGetCode"/>
                </div>
                
                <div class="inputs">
                <van-field
                    v-model="value1"
                    type="number"
                    ref="input1"
                    @input="inputChange1"
                    maxlength="1"
                />
                <van-field
                    v-model="value2"
                    type="number"
                    ref="input2"
                    @input="inputChange2"
                    maxlength="1"
                />
                <van-field
                    v-model="value3"
                    type="number"
                    ref="input3"
                    @input="inputChange3"
                    maxlength="1"
                />
                <van-field
                    v-model="value4"
                    type="number"
                    ref="input4"
                    @input="inputChange4"
                    maxlength="1"
                />
                </div>
            </van-dialog>
        </div>
        <qrcode ref='qrcodeRef'></qrcode>
        <div class="IIFooterBtn" v-if="fappstatusid">
            <div class="byprojectV2">
                <div class="byprojectBtnV2" @click="examine">审核</div>
            </div>
        </div>
        <div class="IIFooterBtn" v-if="showSubmit">
            <div class="bystandardNo">
                <div class="bystandardBtn" @click="submit">保存</div>
            </div>
        </div>
        <van-dialog
            v-model="showexamine"
            title="审核意见"
            show-cancel-button
            confirm-button-text="通过"
            cancel-button-text="驳回"
            @confirm="pass"
            @cancel="noPass"
            :closeOnClickOverlay="true"
        >
            <van-field
>>>>>>> zcm
                v-model="examineForm.fapprovalopinion"
                rows="2"
                autosize
                label="意见"
                type="textarea"
                placeholder="请输入审核意见"
<<<<<<< HEAD
                />
=======
            />
>>>>>>> zcm
        </van-dialog>
    </div>
</template>
<script>
<<<<<<< HEAD
import {
    saveRegulator
    ,getData
    ,approvedGov
} from '@/api/gov/logon';
import { 
    Field
    ,DatetimePicker
    , Popup
    ,Cell
    ,CellGroup
    ,Picker
    ,Area
    ,Dialog
    ,Toast

} from 'vant';
import  publicHeader  from '@/components/publicHeader';
import  areaList  from '@/area';
export default {
    name: 'addContract',
    components: {
        publicHeader,
        [Toast.name]:Toast,
        [Area.name]:Area,
        [Cell.name]:Cell,
        [CellGroup.name]:CellGroup,
        [Field.name]:Field,
        [DatetimePicker.name]:DatetimePicker,
        [Popup.name]:Popup,
        [Picker.name]:Picker,
        [Dialog.Component.name]: Dialog.Component
    },
    data () {
        return {
            examineForm:{
                fapprovalopinion:'',
                fid :'',
                ffunctionid:'managercrud',
                fappstatusid:'managercrud_approved',
                fapprovalstate:''
            },
            showexamine:false,
            fid:'',
            ffunctionid:'',
            fappstatusid:'',
            value4:'',
            value3:'',
            value2:'',
            value1:'',
            showDialog:false,
            areaList:areaList,
            leftdailog:false,
            savecond:false,
            state:'',
            text:'',
            minDate: new Date(2020, 0, 1),
            maxDate: new Date(2025, 10, 1),
            currentDate: new Date(),
            showTime:false,
            showFdept:false,
            form:{
                ffunctionid:'managercrud',
                fappstatusid:'managercrud_register',
                fopenid:'ainiaini',
                fcode:'',
                fname:'',
                faddress:'',
                faddressdetails:'',
                fpostcode:'',
                flinkman:'',
                flinkphone:'',
                fadmincode:'',
                faddressid:'',
                furl:window.location.href
            },
            columns: [
                { text: '送样',id:'1'},
                { text: '抽样',id:'2' },
                { text: '特快专递',id:'3' },
                { text: '普通邮寄',id:'5' }
            ],
            columnsSave:[
                { text: '常温',id:'1'},
                { text: '冷藏',id:'2' },
                { text: '冷冻',id:'3' }
            ],
            columnsLeftsample:[
                { text: '委托承检方处理',id:'1'},
                { text: '委托方自己取回',id:'2' }
            ]
          
        }
    },
    created(){
        if(this.$route.query.fappstatusid){
            this.fappstatusid = this.$route.query.fappstatusid
        }
        if(this.$route.query.fid){
            this.examineForm.fid = this.$route.query.fid
            getData({
                ffunctionid:this.$route.query.ffunctionid,
                fid:this.$route.query.fid
            }).then(res=>{
                console.log(res)
                if(res.isSuccess){
                    if(res.list.length != 0){
                        this.form.faddress = res.list[0].faddress
                        this.form.faddressdetails = res.list[0].faddressdetails
                        this.form.fadmincode = res.list[0].fadmincode
                        this.form.fcode = res.list[0].fcode
                        this.form.fid = res.list[0].fid
                        this.form.flinkman = res.list[0].flinkman
                        this.form.flinphone = res.list[0].flinphone
                        this.form.fname = res.list[0].fname
                        this.form.fpostcode = res.list[0].fpostcode
                    }
                }
            })
        }
    },
    methods:{
        examine(){
            this.examineForm.fapprovalopinion = ''
            this.showexamine = true 
        },
        pass(){
            this.examineForm.fapprovalstate = 1
            approvedGov(this.examineForm).then(res=>{
                console.log(res)
                if(res.isSuccess){
                    Toast.success('通过成功')
                    this.showexamine = false 
                    this.$router.go('-1')
                }
            })
        },
        noPass(){
            this.examineForm.fapprovalstate = 0
            approvedGov(this.examineForm).then(res=>{
                if(res.isSuccess){
                    Toast.success('驳回成功')
                    this.showexamine = false 
                    this.$router.go('-1')
                }
            })
        },
        submit(){
            console.log(this.form)
            saveRegulator(this.form).then(res=>{
                console.log(res)
                if(res.isSuccess){
                    Toast.success('注册成功！');
                }else{
                    Toast.fail(res.errMessage);
                }
            })
            this.showDialog = true
            this.$nextTick(()=>{
                this.$refs.input1.focus()
            })
            this.$validator.validateAll('registerForm').then((valid) => {
                if (valid) {
                    console.log(valid)
                }
            })
          
        },
        inputChange1(val){
            this.$nextTick(()=>{
                if(val){
                    this.$refs.input2.focus()
                }else{
                    this.$refs.input1.focus()
                }
            })
        },
        inputChange2(val){
            this.$nextTick(()=>{
                if(val){
                    this.$refs.input3.focus()
                }else{
                    this.$refs.input1.focus()
                }
            })
        },
        inputChange3(val){
            this.$nextTick(()=>{
                if(val){
                    this.$refs.input4.focus()
                }else{
                    this.$refs.input2.focus()
                }
            })
        },
        inputChange4(val){
           if(val){
                console.log(val)
           }else{
               this.$refs.input3.focus()
           }
        },
        areaConfirm(val){
            this.savecond = false
            let name = ''
            let code = ''
            for(let i = 0;i<val.length;i++){
                name = name + val[i].name + ','
                code = code + val[i].code + ','
            }
            name = name.substr(0, name.length - 1); 
            code = code.substr(0, code.length - 1); 
            this.form.faddress = name
            this.form.faddressid = code
        },
        areaCancel(){
             this.savecond = false
        },
        areaChange(val){
            console.log(val)
        },
        showSavecond(){
            this.savecond = true
        },
    }
}
=======
import {getData, approvedGov,getCode,checkCode ,saveRegulator} from "@/api/gov/logon";
import qrcode from "@/components/qrcode";
import notice from "@/components/notice";
import {
  Field,
  DatetimePicker,
  Popup,
  Cell,
  CellGroup,
  Picker,
  Area,
  Dialog,
  Toast,
  NoticeBar,
  Icon
} from "vant";
import areaList from "@/area";
export default {
    name: "addContract",
    components: {
        notice,
        qrcode,
        [NoticeBar.name]: NoticeBar,
        [Toast.name]: Toast,
        [Area.name]: Area,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [Field.name]: Field,
        [DatetimePicker.name]: DatetimePicker,
        [Popup.name]: Popup,
        [Picker.name]: Picker,
        [Icon.name]: Icon,
        [Dialog.Component.name]: Dialog.Component
    },
    data() {
        return {
            imgcode:'',
            uuid:'',
            qrcodeObj:null,
            showSubmit: false,
            examineForm: {
                fapprovalopinion: "",
                fid: "",
                ffunctionid: "managercrud",
                fappstatusid: "managercrud_approved",
                fapprovalstate: ""
            },
            showexamine: false,
            fid: "",
            ffunctionid: "",
            fappstatusid: "",
            value4: "",
            value3: "",
            value2: "",
            value1: "",
            showDialog: false,
            areaList: areaList,
            leftdailog: false,
            savecond: false,
            state: "",
            text: "",
            minDate: new Date(2020, 0, 1),
            maxDate: new Date(2025, 10, 1),
            currentDate: new Date(),
            showTime: false,
            showFdept: false,
            form: {
                ffunctionid: "managercrud",
                fappstatusid: "managercrud_register",
                fopenid: "ainiaini",
                fcode: "",
                fname: "",
                faddress: "",
                faddressdetails: "",
                fpostcode: "",
                flinkman: "",
                flinkphone: "",
                fadmincode: "",
                faddressid: "",
                furl: window.location.href,
                fwebsite:''
            },
            columns: [
                { text: "送样", id: "1" },
                { text: "抽样", id: "2" },
                { text: "特快专递", id: "3" },
                { text: "普通邮寄", id: "5" }
            ],
            columnsSave: [
                { text: "常温", id: "1" },
                { text: "冷藏", id: "2" },
                { text: "冷冻", id: "3" }
            ],
            columnsLeftsample: [
                { text: "委托承检方处理", id: "1" },
                { text: "委托方自己取回", id: "2" }
            ]
        };
    },
    created() {
        document.title = '监管机构注册-监管平台'
        // 生成二维码
        this.$nextTick(() => {
            this.$refs.qrcodeRef.qrcode('https://www.baidu.com')
        })
        if (this.$route.query.fappstatusid) {
            this.fappstatusid = this.$route.query.fappstatusid;
        }
        if (this.$route.query.fid) {
            this.showSubmit = false;
            this.examineForm.fid = this.$route.query.fid;
            getData({
                ffunctionid: this.$route.query.ffunctionid,
                fid: this.$route.query.fid
            }).then(res => {
                console.log(res);
                if (res.isSuccess) {
                    if (res.list.length != 0) {
                        this.form.faddress = res.list[0].faddress;
                        this.form.faddressdetails = res.list[0].faddressdetails;
                        this.form.fadmincode = res.list[0].fadmincode;
                        this.form.fcode = res.list[0].fcode;
                        this.form.fid = res.list[0].fid;
                        this.form.flinkman = res.list[0].flinkman;
                        this.form.flinphone = res.list[0].flinphone;
                        this.form.fname = res.list[0].fname;
                        this.form.fpostcode = res.list[0].fpostcode;
                        this.form.fwebsite = res.list[0].fwebsite;
                    }
                }
            });
        } else {
        this.showSubmit = true;
        }
    },
    methods: {

        openFwbside(){
            Dialog.alert({
                title: '请确认网址正确',
                message: this.form.fwebsite
            }).then(() => {
            // on close
            });
        },
        examine() {
            this.examineForm.fapprovalopinion = "";
            this.showexamine = true;
        },
        pass() {
            this.examineForm.fapprovalstate = 1;
            approvedGov(this.examineForm).then(res => {
                console.log(res);
                if (res.isSuccess) {
                    Toast.success("通过成功");
                    this.showexamine = false;
                    this.$router.go("-1");
                }
            });
        },
        noPass() {
            this.examineForm.fapprovalstate = 0;
            approvedGov(this.examineForm).then(res => {
                if (res.isSuccess) {
                    Toast.success("驳回成功");
                    this.showexamine = false;
                    this.$router.go("-1");
                }
            });
        },
        reGetCode(){
             getCode().then(res=>{
                console.log(res)
                this.imgcode =res.img
                this.uuid = res.uuid
            })
        },
        submitData(){
            saveRegulator(this.form).then(res => {
                console.log(res);
                if (res.isSuccess) {
                    Toast.success("注册成功！");
                    if(this.form.fopenid == 'ceshi'){
                        this.$router.push({ path: "/" });
                    }else {
                        this.$router.push({ path: "/govLogon" });
                    }
                } else {
                    Toast.fail(res.errMessage);
                }
            });
        },
        submit() {
            console.log(this.form);
            this.$validator.validateAll("registerForm").then(valid => {
                if (valid) {
                    getCode().then(res=>{
                        console.log(res)
                        this.imgcode =res.img
                        this.uuid = res.uuid
                        this.showDialog = true;
                        this.$nextTick(() => {
                            this.$refs.input1.focus();
                        });
                    })
                }
            });
        },
        inputChange1(val) {
            this.$nextTick(() => {
                if (val) {
                this.$refs.input2.focus();
                } else {
                this.$refs.input1.focus();
                }
            });
        },
        inputChange2(val) {
            this.$nextTick(() => {
                if (val) {
                this.$refs.input3.focus();
                } else {
                this.$refs.input1.focus();
                }
            });
        },
        inputChange3(val) {
            this.$nextTick(() => {
                if (val) {
                this.$refs.input4.focus();
                } else {
                this.$refs.input2.focus();
                }
            });
        },
        submitConfirm(){
            checkCode({
                vcode:this.value1 +''+ this.value2 +''+ this.value3 +''+ this.value4,
                vuuid:this.uuid
            }).then(res=>{
                if (res.success) {
                    this.showDialog = false
                    this.submitData()
                } else {
                    this.reGetCode()
                    Toast.fail(res.message)
                }
            })
        },
        // 输入完成后提交
        inputChange4(val) {
            if (val) {
                checkCode({
                    vcode:this.value1 +''+ this.value2 +''+ this.value3 +''+ this.value4,
                    vuuid:this.uuid
                }).then(res=>{
                    console.log(res)
                    if (res.success) {
                        this.showDialog = false
                        this.submitData()
                    } else {
                        this.reGetCode()
                        Toast.fail(res.message)
                    }
                })
            } else {
                this.$refs.input3.focus();
            }
        },
        areaConfirm(val) {
            this.savecond = false;
            let name = "";
            let code = "";
            for (let i = 0; i < val.length; i++) {
                name = name + val[i].name + ",";
                code = code + val[i].code + ",";
            }
            name = name.substr(0, name.length - 1);
            code = code.substr(0, code.length - 1);
            this.form.faddress = name;
            this.form.faddressid = code;
        },
        areaCancel() {
            this.savecond = false;
        },
        areaChange(val) {
            console.log(val);
        },
        showSavecond() {
            this.savecond = true;
        }
    }
    };
>>>>>>> zcm
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>
<<<<<<< HEAD
.bystandard{
    display: flex;
    justify-content: center;
    align-items:center;
    width: 50%;
}
.byprojectV2{
    margin:0 auto;
    width: 70%;
}
.bystandardNo{
    margin:0 auto;
    width: 70%;
}
.byprojectBtnV2{
    font-size:14px;
    background: #07c160;
    width:70%;
    margin: 0 auto;
    height:30px;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
}
.bystandardBtn{
    font-size:14px;
    background: #ff976a;
    margin: 0 auto;
    width:70%;
    height:30px;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
}
.bystandardBtn{
    font-size:14px;
    background: #ff976a;
    width:70%;
    height:30px;
    line-height: 30px;
    border-radius: 50px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, .19), 0 6px 6px rgba(0, 0, 0, .23);
}
.IIFooterBtn{
    width:100%;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 0;
    left:0;
    color: white;
    display: flex;
}
.govBottom{
    width:100%;
    height:40px;
    position: fixed;
    bottom: 0;
    left: 0;
    background: #07c160;
    text-align: center;
    line-height: 40px;
    color: white;
}
.faddContractFooter{
    position: fixed;
    left:0;
    bottom:0;
    width:100%;
    height: 40px;
    display: flex;
    flex: 1
}
.leftBtn4addContract{
    line-height: 40px;
    width:100%;
    text-align: center;
    background-color: #07c160;
    color:white;
}
.rightBtn4addContract{
    line-height: 40px;
    width:50%;
    text-align: center;
    background-color: #1989fa;
    color:white;  
}
.inputs{
    display: flex;
    justify-content: space-around;
    width: 90%;
    margin:0 auto
}
.inputs input{
    border-top:none;
    border-left: none;
    border-right: none;
    border-bottom:2px solid #999;
    text-align: center;
    font-size: 20px;
}

.fw{
    font-weight: 700
}
.lang{
    width:120px
}
.step2Footer{
    width:100%;
    height: 40px;
    line-height: 40px;
    position: fixed;
    bottom: 0;
    left:0;
    color: white;
    display: flex
}
.pre{
    background: #07c160;
    width: 50%;
}
.next{
    background:  #1989fa;
    width: 50%;
=======
.bystandard {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50%;
}
.byprojectV2 {
  margin: 0 auto;
  width: 70%;
}
.bystandardNo {
  margin: 0 auto;
  width: 70%;
}

.byprojectBtnV2 {
  font-size: 14px;
  background: #07c160;
  width: 70%;
  margin: 0 auto;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.bystandardBtn {
  font-size: 14px;
  background: #ff976a;
  margin: 0 auto;
  width: 70%;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.bystandardBtn {
  font-size: 14px;
  background: #ff976a;
  width: 70%;
  height: 30px;
  line-height: 30px;
  border-radius: 50px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
.IIFooterBtn {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  color: white;
  display: flex;
}
.govBottom {
  width: 100%;
  height: 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  background: #07c160;
  text-align: center;
  line-height: 40px;
  color: white;
}
.faddContractFooter {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 40px;
  display: flex;
  flex: 1;
}
.leftBtn4addContract {
  line-height: 40px;
  width: 100%;
  text-align: center;
  background-color: #07c160;
  color: white;
}
.rightBtn4addContract {
  line-height: 40px;
  width: 50%;
  text-align: center;
  background-color: #1989fa;
  color: white;
}
.imgcodeConent{
    width:90%;
    margin:0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
}
.imgcode{
    width:80%;
    
}
.inputs {
  display: flex;
  justify-content: space-around;
  width: 90%;
  margin: 0 auto;
}
.inputs input {
  border-top: none;
  border-left: none;
  border-right: none;
  border-bottom: 2px solid #999;
  text-align: center;
  font-size: 20px;
}

.fw {
  font-weight: 700;
}
.lang {
  width: 120px;
}
.step2Footer {
  width: 100%;
  height: 40px;
  line-height: 40px;
  position: fixed;
  bottom: 0;
  left: 0;
  color: white;
  display: flex;
}
.pre {
  background: #07c160;
  width: 50%;
}
.next {
  background: #1989fa;
  width: 50%;
>>>>>>> zcm
}
</style>
